@import '@scss/hairline.scss'; //导入另一个scss文件 //hairline.scss用于处理1px问题。5-1-21

.root {
  position          : relative;
  display           : flex;
  align-items       : center;
  height            : 46px;
  width             : 100%;
  // padding: 0 42px;
  background-color  : #fff;
  //border-bottom   : 1px solid #ccc;
  @include hairline('bottom'); //调用hairline.scss里的hairline()方法来生成指定要求的1px线条。5-1-21


  :global {
    .left {
      padding    : 0 12px 0 16px;
      line-height: 46px;
    }

    .icon {
      font-size: 16px;
    }

    .title {
      flex       : 1;
      margin     : 0 auto;
      color      : #323233;
      font-weight: 500;
      font-size  : 16px;
      text-align : center;
    }

    .right {
      padding-right: 16px;
      width        : 48px;
      // position: absolute;
      // right: 16px;
    }
  }
}
